<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <link rel="stylesheet" href="../dist/styles/main.css">
  <link rel="stylesheet" href="../assets/unslider/css/unslider.css">

</head>

<body>

<div id="main-header">
  <div class="main-header-nav">
    <div class="main-header-image"
         style="background-image: url('http://i0.hdslb.com/group1/M00/B7/30/oYYBAFcjKTGANfoVAAGAcG7aL64682.jpg');"></div>
    <div class="header-container needstick">
      <ul class="main-header-nav-body">
        <li class="nav-li floatleft now">
          <a href="#">首页</a>
        </li>

        <li class="nav-li floatleft">
          <a href="#">动画</a>
          <div class="nav-li-list">
            <a href="#">MAD·AMV</a>
            <a href="#">MMD·3D</a>
            <a href="#">短片·手书·配音</a>
            <a href="#">综合</a>
          </div>
        </li>

        <li class="nav-li floatleft">
          <a href="#">番剧</a>
          <div class="nav-li-list">
            <a href="#">连载动画</a>
            <a href="#">完结动画</a>
            <a href="#">官方延伸</a>
            <a href="#">国产动画</a>
          </div>
        </li>

        <li class="nav-li floatleft">
          <a href="#">音乐</a>
          <div class="nav-li-list">
            <a href="#">翻唱</a>
            <a href="#">VOCALOID·UTAU</a>
            <a href="#">三次元音乐</a>
            <a href="#">同人音乐</a>
            <a href="#">OP/ED/OST</a>
            <a href="#">音乐选集</a>
          </div>
        </li>

        <li class="nav-li floatleft">
          <a href="#">舞蹈</a>
          <div class="nav-li-list">
            <a href="#">宅舞</a>
            <a href="#">三次元舞蹈</a>
            <a href="#">舞蹈教程</a>
          </div>
        </li>

        <li class="nav-li floatleft">
          <a href="#">游戏</a>
          <div class="nav-li-list">
            <a href="#">单机联机</a>
            <a href="#">网游·电竞</a>
            <a href="#">音游</a>
            <a href="#">Mugen</a>
            <a href="#">GMV</a>
          </div>
        </li>

        <li class="nav-li floatleft">
          <a href="#">科技</a>
          <div class="nav-li-list">
            <a href="#">纪录片</a>
            <a href="#">趣味科普人文</a>
            <a href="#">野生技术协会</a>
            <a href="#">演讲·公开课</a>
            <a href="#">星海</a>
            <a href="#">数码</a>
            <a href="#">机械</a>
          </div>
        </li>

        <li class="nav-li floatleft">
          <a href="#">娱乐</a>
          <div class="nav-li-list">
            <a href="#">搞笑</a>
            <a href="#">生活</a>
            <a href="#">动物圈</a>
            <a href="#">美食圈</a>
            <a href="#">综艺</a>
            <a href="#">娱乐圈</a>
            <a href="#">Korea相关</a>
          </div>
        </li>

        <li class="nav-li floatleft">
          <a href="#">关于</a>
        </li>

        <div class="header-search floatright">
          <form action="#" method="post">
            <input name="content" placeholder="这里搜索">
            <input type="submit" value="搜 索" title="搜索" class="btn-search">
          </form>
        </div>
      </ul>
    </div>
  </div>
</div>

<div id="main-container">

</div>

<div id="footer">
  <div class="area-inner">
    <div class="about-block floatleft">
      <div class="about-item left floatleft">
        <div class="about-title">About</div>
        <div class="about-links">
          <a href="#">BiliBili弹幕视频网</a>
          <a href="#">更新日志</a>
          <a href="#">项目地址</a>
        </div>
      </div>
      <div class="about-item floatleft">
        <div class="about-title">WhiteBlue</div>
        <div class="about-links">
          <a href="#">Blog</a>
          <a href="#">Email</a>
        </div>
      </div>
      <div class="about-item right floatleft">
        <div class="about-title">空位</div>
        <div class="about-links">
          <a href="#">没想好放什么orz</a>
        </div>
      </div>
    </div>
    <div class="clear"></div>
  </div>
</div>

<script type="text/javascript" src="../assets/js/jquery.js"></script>
<script type="text/javascript" src="../assets/js/stickup.js"></script>
<script type="text/javascript" src="../assets/unslider/js/unslider-min.js"></script>
<script type="text/javascript" src="../dist/js/app.js"></script>
<script type="text/javascript">
  $(document).ready(function () {

    $('.needstick').stickUp({});

    renderIndex();
  });
</script>

</body>
</html>
